<html>
<head>
  ...
</head>
<body>
<div id="app">
  <neon-effect :options="options"></neon-effect>
</div>
<script src="https://cdn.bootcss.com/vue/2.5.9/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-canvas-effect@0.0.12/dist/neon.js"></script>
<script>
  new Vue({
    el: '#app',
    data:{
      options: {
        len: 20, //五边形的单边长度
        count: 100, //多少线重叠
        rate: 30, //速度 越小越快
        dieChance: 0.05, //单次绘画失败进行重绘的几率
        sparkChance: 0.1, //[0,1] 越大画出的五边形越多重
        sparkDist: 10, //闪烁点的距离
        sparkSize: 2,//闪烁点的大小
        contentLight: 60, // [0,100] 色块的亮度
        shadowToTimePropMult: 6, //五边形的内环阴影大小
        // bgColorArr: [227, 105, 61] //背景色数组
      }
    }
  })
</script>
</body>
</html>